<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <title>SVOM Event Timeline</title>

  <style>
    body,
    html {
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
    }

    #chartdiv {
      width: 100%;
      height: 80vh;
      margin: 50px 0 0 0;
      padding: 0;
    }
  </style>
</head>

<body>
  <div id="chartdiv"></div>
  <div id="tooltipText" style="width: 100%; text-align: center;">
    <div>
      <span id="tooltipTextTitle">Event Time Show:</span>
      <span id="tooltipTextValue">
        <input type="text" id="tooltipTextShow" style="width: 500px; height: 30px; font-size: 16px;"></span>
    </div>
  </div>
</body>

<script src="resource/js/jquery-2.1.3.min.js"></script>
<script src="resource/d3/amCharts/core.js"></script>
<script src="resource/d3/amCharts/charts.js"></script>
<script src="resource/d3/amCharts/timeline.js"></script>
<script src="resource/d3/amCharts/bullets.js"></script>
<script src="resource/d3/amCharts/animated.js"></script>
<script src="resource/js/index.js"></script>

<!-- Chart code -->
<script>
</script>

</html>